<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品的详情页</title>
    <script src="js/lib/require.js" data-main="./js/page_main"></script>
</head>
<body>
<!-- filer固定顶部 -->
    <div class="fixed_wrap">
        <div class="fixed">
            <div class="fixed-left">
                <ul>
                    <li><i class="icon-home2"></i><a href="#">E宠首页</a></li>
                    <li>
                        <span>送至:</span>
                        <a href="#">重庆<i class="icon-ctrl"></i></a>
                        <div class="address">
                            <ul>
                                <li class="active one">湖南省</li>
                                <li >请选择</li>
                            </ul>
                            <div class="address-main">
                                <div class="address-consent selected">
                                    <dl>
                                        <dt>华北  :</dt>
                                        <dd>北京</dd>
                                        <dd>天津</dd>
                                        <dd>河北</dd>
                                        <dd>山西</dd>
                                        <dd>内蒙古</dd>
                                    </dl>
                                    <dl>
                                        <dt>华东  :</dt>
                                        <dd>上海</dd>
                                        <dd>江苏</dd>
                                        <dd>浙江</dd>
                                        <dd>安徽</dd>
                                        <dd>福建</dd>
                                        <dd>山东</dd>
                                    </dl>
                                    <dl>
                                        <dt>华南  :</dt>
                                        <dd>广东</dd>
                                        <dd>广西</dd>
                                        <dd>海南</dd>
                                    </dl>
                                    <dl>
                                        <dt>华中  :</dt>
                                        <dd>河北</dd>
                                        <dd>江西</dd>
                                        <dd>湖北</dd>
                                        <dd>湖南</dd>
                                    </dl>
                                    <dl>
                                        <dt>西南  :</dt>
                                        <dd>重庆</dd>
                                        <dd>四川</dd>
                                        <dd>贵州</dd>
                                        <dd>云南</dd>
                                        <dd>西藏</dd>
                                    </dl>
                                    <dl>
                                        <dt>西北   :</dt>
                                        <dd>陕西</dd>
                                        <dd>甘肃</dd>
                                        <dd>青海</dd>
                                        <dd>宁夏</dd>
                                        <dd>新疆</dd>
                                    </dl>
                                    <dl>
                                        <dt>东北  :</dt>
                                        <dd>辽宁</dd>
                                        <dd>吉林</dd>
                                        <dd>黑龙江</dd>
                                    </dl>
                                    <dl>
                                        <dt>其他  :</dt>
                                        <dd>香港</dd>
                                        <dd>澳门</dd>
                                        <dd>台湾</dd>
                                        <dd>钓鱼岛</dd>
                                        <dd>南沙群岛</dd>
                                    </dl>
                                </div>
                                <div class="address-consent ">
                                    <ul>
                                        <li>长沙市</li>
                                        <li>株洲市</li>
                                        <li>湘潭市</li>
                                        <li>衡阳市</li>
                                        <li>岳阳市</li>
                                        <li>常德市</li>
                                        <li>张家界市</li>
                                        <li>益阳市</li>
                                        <li>郴州市</li>
                                        <li>永州市</li>
                                        <li>怀化市</li>
                                        <li>娄底市</li>
                                        <li>湘西土家族苗族自治州</li>
                                        <li>邵阳市</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><i class="icon-renren"></i><a href="#">E宠就是正品</a></li>
                    <li><a href="#">评价(<em>608.4</em>)</a></li>
                </ul>
            </div>
            <div class="fixed-right">
                <ul>
                    <li><a href="register.html">[注册]</a></li>
                    <li><a href="login.html">[登录]</a></li>
                    <li><i class="icon-mail3"></i><a href="#">新消息(<em>1</em>)</a></li>
                    <li><i class="icon-cart"></i><a href="#">购物车(<em>1</em>)</a></li>
                    <li>
                        <i class="icon-user"></i>
                        <a href="#">我的E宠<i class="icon-play3 rotate icomoon"></i></a>
                        <div class="user">
                            <ul>
                                <li><a href="#">· 我的订单</a></li>
                                <li><a href="#">· 退换货记录</a></li>
                                <li><a href="#">· 我的优惠券</a></li>
                                <li><a href="#">· 我的余额</a></li>
                                <li><a href="#">· VIP俱乐部</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <i class="icon-star-full"></i>
                        <a href="#">收藏<i class="icon-play3 rotate icomoon"></i></a>
                        <div class="collection">
                            <ul><li><a href="#">· 我的收藏</a></li></ul>
                        </div>
                    </li>
                    <li>
                        <i class="icon-mobile"></i>
                        <a href="#">手机版</a>
                        <div>
                            <a href="#"><img src="images/code.png" alt=""></a>
                        </div>
                    </li>
                    <li><a href="#">问题反馈</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--头部导航布局-->
    <div class="header">
        <div class="header-top">
            <a href="#"><img src="images/headetop.jpg" alt=""></a>
        </div>
        <div class="header-middle">
            <h1><a href="#"><img src="images/logo.png" alt=""></a></h1>
            <div class="search-wral">
                <div class="search">
                    <div><input type="text"></div>
                    <button>搜索</button>
                </div>
                <div>
                    <span>热门搜索：</span>
                    <a href="#" class="mag">MAG</a>
                    <a href="#">比瑞吉</a>
                    <a href="#">鲜肉粮</a>
                    <a href="#">伯纳天纯</a>
                    <a href="#">顽皮</a>
                </div>
            </div>

            <div>
                <i class="icon-cart"></i>
                <span>购物车(<em>0</em>)</span>
            </div>
        </div>
        <div class="page">
            <div class="pageLeft">
                <ul>
                    <li class="headerCurrent">
                        <a href="#">狗狗</a><i></i>
                    </li>
                    <li>
                        <a href="#">商品分类</a><i></i>
                    </li>
                </ul>
                <div class="pageList">
                    <div class="page-left-list-main pageBottom" >
                        <ul>
                            <li>
                                <a href="#"><img src="images/dogg.png" alt=""></a>
                                <p><span>23456</span>种精选宝贝</p>
                                <p>正在狗狗站溜达</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/dogg.png" alt=""></a>
                                <p><span>23456</span>种精选宝贝</p>
                                <p>切换到猫猫站溜达</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/dogg.png" alt=""></a>
                                <p><span>23456</span>种精选宝贝</p>
                                <p>切换到水族站</p>
                            </li>
                        </ul>
                    </div>
                    <div class="page-left-list-main">
                        <dl>
                            <dt>消暑<em>445</em></dt>
                            <dd>洗澡<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <p>
                                    <img src="images/xiaot.jpg" alt=""><span>清凉消暑</span>
                                </p>
                                <ul>
                                    <li>
                                        <a href="#">清凉窝窝 <img src="images/xiaot.jpg" alt=""></a>
                                        <a href="#">智能冷暖宠物馆</a>
                                        <a href="#">冰丝窝窝</a>
                                        <a href="#">带帽藤编藤窝</a>
                                    </li>
                                    <li>
                                        <a>清凉窝窝 <img src="images/xiaot.jpg" alt=""></a>
                                        <a>智能冷暖宠物馆</a>
                                        <a>冰丝窝窝</a>
                                        <a href="#">带帽藤编藤窝</a>
                                    </li>
                                    <li>
                                        <a>清凉窝窝 <img src="images/xiaot.jpg" alt=""></a>
                                        <a>智能冷暖宠物馆</a>
                                        <a>冰丝窝窝</a>
                                        <a href="#">带帽藤编藤窝</a>
                                    </li>
                                </ul>
                            </div>
                        </dl>
                        <dl>
                            <dt>主粮<em>445</em></dt>
                            <dd>零食<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝765432 <img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                        <dl>
                            <dt>玩具<em>445</em></dt>
                            <dd>清洁<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝45678 <img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                        <dl>
                            <dt>保健<em>445</em></dt>
                            <dd>护理<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝2345678 <img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                        <dl>
                            <dt>生活<em>445</em></dt>
                            <dd>牵引<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝3456789 <img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                        <dl>
                            <dt>美容<em>445</em></dt>
                            <dd>服饰<em>445</em><i class="icon-play3"></i></dd>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝 2345678<img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                        <dl>
                            <i class="icon-stop2"></i><span>正在进行的品牌特派<em>20</em></span>
                            <div class="dlList">
                                <li>
                                    <a href="#">清凉窝窝1234567 <img src="images/xiaot.jpg" alt=""></a>
                                    <a href="#">智能冷暖宠物馆</a>
                                    <a href="#">冰丝窝窝</a>
                                    <a href="#">带帽藤编藤窝</a>
                                </li>
                            </div>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="page-right">
                <ul>
                    <li><a href="#"><img src="images/epethk-logo.png" alt=""></a></li>
                    <li><a href="#"><i class="icon-rocket"></i>品牌特卖</a></li>
                    <li><a href="#"><i class="icon-rocket"></i>潮品视频</a></li>
                    <li><a href="#"><i class="icon-rocket"></i>小剧场</a></li>
                    <li><a href="#"><i class="icon-rocket"></i>E宠课堂</a></li>
                    <li><a href="#"><i class="icon-rocket"></i>萌爪联盟</a></li>
                    <li><a href="#"><i class="icon-rocket"></i>清仓特价</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>